﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteIntranet.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    RegistrarContratoPreventivo</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Registro Contrato Preventivo</h2><br />
    <link rel="stylesheet" href="<%: Url.Content("~/Content/jquery-ui.css") %>" />
    <link rel="stylesheet" href="<%: Url.Content("~/Content/jPages.css") %>" /> <%--para la paginacion--%>
    <script src="<%: Url.Content("~/Scripts/jPages.js") %>"></script> <%--para la paginacion--%>


    <script src="<%: Url.Content("~/Scripts/Validaciones.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/ContratoPreventivo.js") %>" type="text/javascript"></script>
    <link rel="Stylesheet" type="text/css" media="screen" href="<%: Url.Content("~/Content/SoftBully.css") %>" />

    
        <div id = "Registrar">
            <label class="Obligatorio">Los campos con (*) son obligatorios</label><br></br>
            <label>Edificio(*)</label>
            <input type="text" id="RegTbxEdificioAutocompletado" class="text ui-widget-content ui-corner-all" style="width:325px" readonly="readonly"/>
            <button id="RegBtnBuscarEdificio">Edificio</button>
            <label id="RegLblIteracion" style="visibility: hidden"></label>
            <br></br>

            <label>Proveedor(*)</label>
            <input type="text" id="RegTbxProveedorAutocompletado" 
                class="text ui-widget-content ui-corner-all" style="width:325px" 
                readonly="readonly"/>
            <button id="RegBtnBuscarProveedor" style="margin-left:auto; margin-right:auto;">Proveedor</button>
            <br></br>

            <label>Fecha Registro(*)</label>
            <input type="text" id="RegTbxFechaRegistro" class="text ui-widget-content ui-corner-all" readonly="readonly" style="width:325px"/>
            <label class="errorLabel" id="RegLblErrorFechaRegistro"></label><br></br>

            <label>Fecha Inicial(*)</label>
            <input type="text" id="RegTbxFechaInicial" class="text ui-widget-content ui-corner-all" readonly="readonly" style="width:325px"/>
            <label class="errorLabel" id="RegLblErrorFechaInicial"></label><br></br>

            <label>Fecha Final(*)</label>
            <input type="text" id="RegTbxFechaFinal" class="text ui-widget-content ui-corner-all" readonly="readonly" style="width:325px"/>
            <label class="errorLabel" id="RegLblErrorFechaFinal"></label><br></br>

            <label>Periodo(*)</label>
            <select id="RegSctPeriodo" class="text ui-widget-content ui-corner-all">
                <option></option>
                <option>Mensual</option>
                <option>Bimestral</option>
                <option>Trimestral</option>
                <option>Cuatrimestral</option>
                <option>Semestral</option>
                <option>Anual</option>
            </select>
            <label class="errorLabel" id="RegSctErrorPeriodo"></label>
            <br></br>

            <label>Descripción</label>
            <textarea id="RegTbxDescripcion" class="text ui-widget-content ui-corner-all" rows="4" cols="30" style="width:325px"></textarea>
            <br></br>
            <br></br>
            <br></br>
            <label class="Obligatorio">La tabla debe contener como minimo un mantenible</label><br></br>
            <div>
                <table id='tablaMant' style="margin-left:auto; margin-right:auto;"> <%--para la paginacion es importante el id--%>
                    <thead>
                        <tr>
                            <th>Codigo Mantenible</th>
                            <th>Nombre</th>
                            <th>Tipo Mantenible</th>
                            <th>Area Comun</th>
                            <th class="style1" style="width:30px;"></th>
                        </tr>
                    </thead>
                    <tbody id="bodyTablaMant">
                        <tr id="Fila1">
                            <td class="idMantenible" id="idMantenible1"></td>
                            <td class="NombreMantenible" id="NombreMantenible1"></td>
                            <td class="TipoMantenible" id="TipoMantenible1"></td>
                            <td class="AreaComun" id="AreaComun1"></td>
                            <td class="style1" style="width:30px;" align="center"><button class="Buscar" id="BtnBscModalMant1" style="margin-left:auto; margin-right:auto;">Mantenible</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="holder" id="holder1"></div> <%--para la paginacion usar la clase holder--%>

            <%--<div style="border: 0px;" id="NavPosicionCP"></div>--%>
            <div>
                <label>Agregar mantenibles?</label>
                <button style="margin-left:10px;" id="AddMantenible">Agregar</button>
                <button id="DelMantenible">Eliminar</button>
            </div>
            <br />
            <br />                        
            <br></br>
            <center>
                <input type="submit" id = "RegBtnRegistrar" value="Registrar" class="submit-button"/>
                <input type="submit" id = "RegBtncancelar" value="Cancelar" class="submit-button"/>
            </center>
        </div>

        <div id="Buscar">
            <div id="modalBuscarMant" title="BUSCAR MANTENIBLE">
            <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>
 
            <fieldset>
                <label>Edificio</label>
                <input type="text" id="RvmTbxEdificioMantenible" class="text ui-widget-content ui-corner-all" style="width:325px" readonly="readonly"/>
                <label id="RvmLblNumBuscar" style="visibility: hidden"></label>
                <%--<select id="RvmTbxEdificioMantenible" onchange="cargarAreasComunes()" class="text ui-widget-content ui-corner-all"></select>--%>
                <br></br>

                <label>Tipo</label>
                <%--<input type="text" id="RvmRbnTipoMant" value="" class="text ui-widget-content ui-corner-all" style="width:325px"/>--%>
                <input name="RvmRbnTipoMant" type="radio" value="1" style="width:20px;" class="text ui-widget-content ui-corner-all"/><label style="width:50px; margin-left:auto; text-align:left">Activo</label>
                <input name="RvmRbnTipoMant" type="radio" value="2" style="width:20px;" class="text ui-widget-content ui-corner-all"/><label style="width:100px;  text-align:left">No Activo</label>
                <br></br>
        
                <label>Area Comun</label> 
                <%--<input id="RvmSctAreaComun" class="text ui-widget-content ui-corner-all" style="width:325px"/>--%>
                <select id="RvmSctAreaComun" class="text ui-widget-content ui-corner-all"></select>
                <br></br>
        
                <input type="submit" id = "RvmBtnBuscarMantenimiento" value="Buscar" class="submit-button" style="margin-left:350px; width:auto;"/>
                <input type="submit" id = "RvmBtnLimpiarMantenimiento" value="Limpiar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;" onclick="refrescarMant()"/>
                <%--<button id="BotonBuscar" style="margin-left:auto; margin-right:auto;">Buscar</button>--%>
            </fieldset>
        
            <div id="users-contain" class="ui-widget"></div>
            <div id = "tablaDinamicaMantenible" align="center"></div>
            <div class="holder" id="holderMantenible" align="center"></div>
            <%--<div style="border: 0px;" id="Div1"></div>--%>
            <%--</div>--%>

            <div id="edificioModal" title="BUSCAR EDIFICIO">
                <label>Edificio:</label>
                <input type="text" id="RvmTbxNombreEdificio" class="text ui-widget-content ui-corner-all" maxlength="50"/><br></br>
                               
                <label>Departamento:</label>
                <select id="RvmSctDepartamento" onchange="cargarProvincias()" class="text ui-widget-content ui-corner-all"></select><br></br>

                <label>Provincia:</label>
                <select id="RvmSctProvincia" onchange="cargarDistritos()" class="text ui-widget-content ui-corner-all"></select><br></br>

                <label>Distrito:</label>
                <select id="RvmSctDistrito" class="text ui-widget-content ui-corner-all"></select><br></br>
         
                <label>Dirección:</label>
                <input type="text" id="RvmSctDireccion" class="text ui-widget-content ui-corner-all" maxlength ="50"/><br></br>

                <%--<label for="Telefono">Teléfono:</label>
                <input type="text" id="Telefono" class="text ui-widget-content ui-corner-all" maxlength ="16"/><br></br>--%>

                <label>Contometro:</label>
                <input name="RvmRbnContometro" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Si</label>
                <input name="RvmRbnContometro" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">No</label><br></br>

                <label>Tipo Prorrateo:</label>
                <input name="RvmRbnProrrateo" type="radio" value="Area" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Área</label>
                <input name="RvmRbnProrrateo" type="radio" value="Persona" style="width:50px;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Persona</label><br></br>

                <center>
                    <input type="submit" id = "RvmBtnBuscarEdificio" value="Buscar" class="submit-button" style="margin-left:auto;"/>
                    <input type="submit" onclick="refrescar()" id = "RvmBtnLimpiarEdificio" value="Limpiar" class="submit-button" style="margin-right:auto;"/>
                </center><br></br>
   
                <div id = "tablaDinamicaEdificio" align="center"></div>
                <div class="holder" id="holderEdificio" align="center"></div>
            </div>

            <div id="proveedorModal" title="BUSCAR PROVEEDOR">
                <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>

                <label>Razón Social:</label>
                <input type="text" id="RvmTbxRazonSocialProv" class="text ui-widget-content ui-corner-all"/>
                <br></br>
                               
                <label>Departamento:</label>
                <select id="RvmSctDepartamentoProv" onchange="cargarProvinciasProv()" class="text ui-widget-content ui-corner-all"></select><br></br>

                <label>Provincia:</label>
                <select id="RvmSctProvinciaProv" onchange="cargarDistritosProv()" class="text ui-widget-content ui-corner-all"></select><br></br>

                <label>Distrito:</label>
                <select id="RvmSctDistritoProv" class="text ui-widget-content ui-corner-all"></select><br></br>

                <center>
                    <input type="submit" id = "RvmBtnBuscarProv" value="Buscar" class="submit-button"/>
                    <input type="submit" id = "RvmBtnLimpiarProv" value="Limpiar" class="submit-button" onclick="refrescarProv()"/>
                </center><br></br>

                <div id = "tablaDinamicaProveedor" align="center"></div>
                <div class="holder" id="holderProveedor" align="center"></div>
            </div>
            </div>
        </div>

        <%--<div id="Buscar"></div>--%>
        <div id="Modificar"></div>
        <div id="Eliminar"></div>
    
</asp:Content>
    